<template>
  <div class="pages--components">
      <x-agree></x-agree>
      <x-col></x-col>
      <x-component></x-component>
      <x-icon></x-icon>
      <x-image></x-image>
      <x-logo></x-logo>
      <x-row></x-row>
      <x-badge></x-badge>
      <x-box></x-box>
      <x-color></x-color>
      <x-nodata></x-nodata>
      <e-tab-swiper></e-tab-swiper>
      <x-address></x-address>
      <x-auto-form></x-auto-form>
      <x-button></x-button>
      <x-buy-address></x-buy-address>
      <x-cell></x-cell>
      <x-grid></x-grid>
      <x-groupbuy></x-groupbuy>
      <x-head></x-head>
      <x-image-list></x-image-list>
      <x-list></x-list>
      <x-navbar></x-navbar>
      <x-picker></x-picker>
      <x-preview></x-preview>
      <x-product-class></x-product-class>
      <x-searchbar></x-searchbar>
      <x-swiper></x-swiper>
      <x-foot></x-foot>
      <x-page></x-page>
      <x-product-item></x-product-item>
      <x-top-nav></x-top-nav>
      <x-verifiy-phone></x-verifiy-phone>
      <x-widget></x-widget>

  </div>
</template>
<script>
  export default {
    data () {
      return {
      }
    },
    mounted () {
      this.init()
    },
    methods: {
      async init () {
      }
    }
  }
</script>
